<%--
  Created by IntelliJ IDEA.
  User: addzero
  Date: 2019/12/21
  Time: 18:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>医院管理系统</title>
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //for-mobile-apps -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
    <!-- for banner css -->

    <!-- //for banner css -->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/wickedpicker.css" rel="stylesheet" type='text/css' media="all" />  <!-- time-picker-CSS -->
    <link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
  </head>
  <body>
  <h1 id="h1.-bootstrap-heading" style="position: absolute; top: 10%; left: 40%">医院门诊管理系统<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1>
  <div class="agileits_reservation" style="position: absolute; top: 40%">
    <form action="Hello" method="post">
      <div class="cuisine">
        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
        <input type="text" name="Eid" placeholder="身份证号" required="">
      </div>
      <div class="phone_email">
        <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
        <input type="text" name="Password" placeholder="密码" required="">
      </div>
      <%--<div class="phone_email1">
        <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
        <input type="email" name="Email" placeholder="Email" required="">
      </div>
      <div class="clearfix"> </div>
      <div class="agileits_reservation_grid">
        <div  class="span1_of_1 book_date">
          <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
          <input class="date" id="datepicker" name="Text" placeholder="Select Date"  type="text" required="">
        </div>
        <div class="span1_of_1 section_room">
          <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
          <input type="text" name="Time" class="timepicker" value=" Time">
        </div>
        <div class="span1_of_1 section_room">
          <!-- start_section_room -->
          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
          <select id="country1" class="frm-field sect" required>
            <option value="">People</option>
            <option value="1">1 People</option>
            <option value="2">2 People</option>
            <option value="3">More</option>
          </select>
        </div>
        <div class="clearfix"></div>
      </div>
      --%>
      <div class="date_btn">
        <input type="submit" value="登录" />
      </div>
    </form>
  </div>

  <!-- js -->
  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
  <!-- carousal -->
  <script src="js/slick.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    $(document).on('ready', function() {
      $(".center").slick({
        dots: true,
        infinite: true,
        centerMode: true,
        slidesToShow: 2,
        slidesToScroll: 2,
        responsive: [
          {
            breakpoint: 768,
            settings: {
              arrows: true,
              centerMode: false,
              slidesToShow: 2
            }
          },
          {
            breakpoint: 480,
            settings: {
              arrows: true,
              centerMode: false,
              centerPadding: '40px',
              slidesToShow: 1
            }
          }
        ]
      });
    });
  </script>
  <!-- //carousal -->


  <script src="js/SmoothScroll.min.js"></script>
  <!-- smooth scrolling-bottom-to-top -->
  <script type="text/javascript">
    $(document).ready(function() {
      /*
          var defaults = {
          containerID: 'toTop', // fading element id
          containerHoverID: 'toTopHover', // fading element hover id
          scrollSpeed: 1200,
          easingType: 'linear'
          };
      */
      $().UItoTop({ easingType: 'easeOutQuart' });
    });
  </script>
  <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
  <!-- //smooth scrolling-bottom-to-top -->
  <script type="text/javascript">
    jQuery(document).ready(function($) {
      $(".scroll").click(function(event){
        event.preventDefault();
        $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
      });
    });
  </script>
  <!-- Time select -->
  <script type="text/javascript" src="js/wickedpicker.js"></script>
  <script type="text/javascript">
    $('.timepicker').wickedpicker({twentyFour: false});
  </script>
  <!-- //Time select -->
  <!-- Calendar -->
  <link rel="stylesheet" href="css/jquery-ui.css" />
  <script src="js/jquery-ui.js"></script>
  <script>
    $(function() {
      $( "#datepicker" ).datepicker();
    });
  </script>
  <!-- //Calendar -->
  <!-- start-smoth-scrolling -->
  <script type="text/javascript" src="js/move-top.js"></script>
  <script type="text/javascript" src="js/easing.js"></script>
  <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->

  </body>
</html>
